//
// Generators: @{
.Generator_RateValues(@max) {
	.Generator_RateValues_loop(@max, 0);
}
.Generator_TopBarButtons(@max) {
	.Generator_TopBarButtons_loop(@max, 0);
}
.Generator_TopBarPath(@max) {
	.Generator_TopBarPath_loop(@max, 0);
}
// Generator's loops: @{
.Generator_RateValues_loop(@max, @count) when(@count < @max) {
	@Generator_RateValues_height: 5px;
	@Generator_RateValues_width: 128px;

	div.RateValue_@{count} {
		margin: 0px;
		padding: 0px;
		width: @Generator_RateValues_width;

		@good_width: (100% / 10) * @count;
		@bad_width: 100% - @good_width;

		div.Good {
			background-color: @color_name_DarkSlateGray;
			display: inline-block;
			height: @Generator_RateValues_height;
			min-height: @Generator_RateValues_height;
			vertical-align: middle;
			width: @good_width;
		}
		div.Bad {
			.TransparentBackground("SlateGray");
			height: @Generator_RateValues_height;
			display: inline-block;
			min-height: @Generator_RateValues_height;
			vertical-align: middle;
			width: @bad_width;
		}
	}
	.Generator_RateValues_loop(@max, @count + 1);
}
.Generator_RateValues_loop(@max, @count) when(@max = @count) {
}
.Generator_TopBarButtons_loop(@max, @count) when(@count < @max) {
	#TopBar .Button_@{count} {
		left: (@topbar_button_width * @count);
	}
	.Generator_TopBarButtons_loop(@max, @count + 1);
}
.Generator_TopBarButtons_loop(@max, @count) when(@max = @count) {
}
.Generator_TopBarPath_loop(@max, @count) when(@count < @max) {
	#TopBar .Path_@{count} {
		left: (@topbar_button_width * @count);
	}
	.Generator_TopBarPath_loop(@max, @count + 1);
}
.Generator_TopBarPath_loop(@max, @count) when(@max = @count) {
}
//	@}
// @}
